/* 
商城导览
FDG416
2018/2/9
ID510 【商城需求】商城导览界面
*/
$(function(){
    get_floor_info(5);
    // 吴中路店title鼠标悬浮
    $('.mall_wu_left_li .wu_li_right').each(function(){
        var _content = $(this).find('.wu_title2 .wu_title_span1').html();
        if(_content == null || _content.length == 0) {
            $(this).find('.wu_title1 .wu_title_span1').css({
                'overflow': 'hidden',
               ' text-overflow': 'ellipsis',
                'display': '-webkit-box',
                '-webkit-line-clamp': '3',
                '-webkit-box-orient': 'vertical'
            })
        }   
        var _that = $(this);
        $(this).find('.wu_title1').hover(function(){
            $(_that).find('.wu_title1 .wu_title_span2').removeClass('hide').text($(_that).find('.wu_title1 .wu_title_span1').data('attr'));
        },function(){
            $(_that).find('.wu_title1 .wu_title_span2').addClass('hide')
        })

        $(this).find('.wu_title2').hover(function(){
            $(_that).find('.wu_title2 .wu_title_span2').removeClass('hide').text($(_that).find('.wu_title2 .wu_title_span1').data('attr'));
        },function(){
            $(_that).find('.wu_title2 .wu_title_span2').addClass('hide')
        })
        //判断是否IE/火狐浏览器  
        var _wu_title_span1_w = $(this).find('.wu_title1 .wu_title_span1').text().length;
        var _wu_title_span2_w = $(this).find('.wu_title2 .wu_title_span1').text().length;
        _isIE();
        function _isIE() {  
            var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串  
            var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; 
            var isH = userAgent.indexOf('Firefox') > -1; 
            if(isIE || isH) { 
                // var max_str =   12;
                if(_content == null || _content.length == 0){
                    // max_str = 40;
                    if(_wu_title_span1_w > 42) {
                        $(_that).find('.wu_title1 .wu_title_span1').text($(_that).find('.wu_title1 .wu_title_span1').text().slice(0,40)+'...'); 
                    }
                }else{
                    if(_wu_title_span1_w > 12) {
                        $(_that).find('.wu_title1 .wu_title_span1').text($(_that).find('.wu_title1 .wu_title_span1').text().slice(0,12)+'...'); 
                    }
                    if(_wu_title_span2_w > 26) {
                        $(_that).find('.wu_title2 .wu_title_span1').text($(_that).find('.wu_title2 .wu_title_span1').text().slice(0,26)+'...'); 
                    }
                }
            }  
        } 
    })
     // 浦东店1F、2F切换
     $('.mall_pd_h3_2f').on('click',function(){
        $('.mall_pd_1f').addClass('hide');
        $('.mall_pd_2f').removeClass('hide');
    })
    $('.mall_pd_h3_1f').on('click',function(){
        $('.mall_pd_1f').removeClass('hide');
        $('.mall_pd_2f').addClass('hide');
    })
    $('.shopping_content_tile_span1').on('click',function(){
        $('.mall_wu').show();
        $('.mall_pd_1f').addClass('hide').siblings('.mall_pd_2f').addClass('hide');
        $('.shop_spanimg1').addClass('shopping_tile_img').siblings('.shopping_content_tile_span1').addClass('shopping_border_bto').siblings('.shop_spanimg2').removeClass('shopping_tile_img').siblings('.shopping_content_tile_span2').removeClass('shopping_border_bto');
    })
    $('.shopping_content_tile_span2').on('click',function(){
        $('.mall_wu').hide();
        $('.mall_pd_1f').removeClass('hide');
        $('.shop_spanimg1').removeClass('shopping_tile_img').siblings('.shopping_content_tile_span1').removeClass('shopping_border_bto').siblings('.shop_spanimg2').addClass('shopping_tile_img').siblings('.shopping_content_tile_span2').addClass('shopping_border_bto');
    })
    // B1 - F7 楼层
   $('.mall_wu .mall_wu_left .mall_wu_left_li').each(function(){
       $(this).on('click',function(){
           $(this).addClass('mall_wu_li_bg').siblings('li').removeClass('mall_wu_li_bg');
           if($(this).hasClass('mall_wu_li_bg')) {
               $(this).find('.wu_li_left').addClass('color_fff');
               $(this).find('.wu_title_span1').addClass('color_fff');
               $(this).siblings('li').find('.wu_li_left').removeClass('color_fff');
               $(this).siblings('li').find('.wu_title_span1').removeClass('color_fff');
           }
            var floor_id = $(this).attr('data-attr');
           get_floor_info(floor_id);
       })
   })


})

function get_floor_info(floor_Plus_Id){
    $('.mall_wu_right').html('');
    $.post(get_info,{floor_Plus_Id:floor_Plus_Id},function success(data){
        if(data.code == 200 || data.code == 202){
            var datainfo     = data.data;
            var brand_info = '';
            for(var i=0;i<datainfo.length;i++){
                if(datainfo[i].brandRelationPlus){
                    if(datainfo[i].brandRelationPlus.url){
                        brand_info+= '<li class="fl"><a href="'+datainfo[i].brandRelationPlus.url+'"><img src="'+bath_url+'/'+datainfo[i].brandRelationPlus.brand_img+'"title="'+datainfo[i].brandRelationPlus.brand_name+'" alt="'+datainfo[i].brandRelationPlus.brand_name+'"> </a></li>';
                    }else{
                        brand_info+= '<li class="fl"><a href="javascript:;"><img src="'+bath_url+'/'+datainfo[i].brandRelationPlus.brand_img+'" title="'+datainfo[i].brandRelationPlus.brand_name+'" alt="'+datainfo[i].brandRelationPlus.brand_name+'"> </a></li>';
                    }
                }

            }

            $('.mall_wu_right').html(brand_info);
        }
    },'json');
}

/*mod by FDG416 ID527 【pc商城优化】修改滚动条 2018/02/26 start*/
$(function(){
    //调用插件
    $('.mall_wu_right').niceScroll({
        cursorcolor: "#000",//滚动条的颜色
        cursoropacitymax: 1, //滚动条的透明度，从0-1
        touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备
        cursorwidth: "1px", //滚动条的宽度
        cursorborder: "0", // 游标边框css定义
        cursorborderradius: "5px",//以像素为光标边界半径  圆角
        autohidemode: false, //是否隐藏滚动条  true的时候默认不显示滚动条，当鼠标经过的时候显示滚动条
        zindex: "auto",//给滚动条设置z-index值
        railpadding: { top: 0, right: 0, left: 0, bottom: 0}//滚动条的位置
    });
    //隐藏横向滚动条（主要是IE）
    $('.nicescroll-rails-hr > .nicescroll-cursors').css('display','none');
})
/*mod by FDG416 ID527 【pc商城优化】修改滚动条 2018/02/26 end*/